<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main.tpl.homePage"><i class="fa fa-home"></i> 首页</a></li>
        <li class="active" ng-bind="title"></li>
    </ul>
</div>

<!-- 加载提醒 -->
<div ng-show="loading" class="text-center m-t-md text-lg"><i class="fa fa-spin fa-spinner"></i> 数据加载中...</div>

<!-- 内容区域 -->
<div ng-hide="loading" class="wrapper-md content">
    <!-- 数据显示 -->
    <div class="wrapper-data">
        <div class="panel panel-default">
            <!-- 头部 -->
            <div class="panel-body">
				<form ng-submit="searchRe()" class="form-horizontal">
                   	<div class="form-group center">
                   		<div class="col-sm-2">
                           	<input type="text" class="form-control" placeholder="请输入资质名称" ng-model="param.qualifyName">
                       	</div>
                   	
                   		<div class="col-sm-2">
                           	<input type="text" class="form-control" placeholder="请输入企业名称" ng-model="param.companyName">
                       	</div>
                       	
                   		<div class="col-sm-2">
                   			<input type="text" class="form-control" placeholder="请输入联系方式" ng-model="param.mobile">
                       	</div>

                        <div class="col-sm-2">
                            <select class="form-control" ng-model="param.status" ng-change="searchRe();">
                                <option value="">--全部状态--</option>
                                <option value="1">待审核</option>
                                <option value="2">审核成功</option>
                                <option value="3">审核失败</option>
                            </select>
                        </div>

                   	</div>
                   	
                   	<div class="form-group">


                        <div class="col-sm-2">
                            <input type="text" id="createStartTime" placeholder="请选择创建开始时间" class="form-control" onclick="laydate({istime: true, format: 'YYYY-MM-DD', start: laydate.now(0, 'YYYY-MM-DD')})"/>
                        </div>

                        <div class="col-sm-2">
                            <input type="text" id="createEndTime" placeholder="请选择创建结束时间" class="form-control" onclick="laydate({istime: true, format: 'YYYY-MM-DD', start: laydate.now(0, 'YYYY-MM-DD')})"/>
                        </div>

                        <div class="col-md-1">
                            <label class="col-sm-1 control-label"><button class="ifc-btn btn-primary" type="submit">查询</button></label>
                        </div>
                        <div class="col-md-1">
                            <label class="col-sm-1 control-label"> <button type="button" class="btn ifc-btn btn-dark" ng-click="clearSearch()">清空</button></label>
                        </div>
                        <div class="col-md-1">
                            <label class="col-sm-1 control-label"><button class="ifc-btn btn-success" type="button" ng-click="approve('',2)" >批量通过</button></label>
                        </div>
                        <div class="col-md-1">
                            <label class="col-sm-1 control-label"><button class="ifc-btn btn-danger" type="button" ng-click="refuseAdverts('',3)" >批量失败</button></label>
                        </div>
                        <div class="col-md-1">
                            <label class="col-sm-1 control-label"><button class="ifc-btn btn-danger" type="button" ng-click="delete('',4)" >删除</button></label>
                        </div>
                        <!--因为要做到自动话所以就将这个功能暂时注释，功能没变，要用就直接放开-->
                        <!--<div class="col-md-1">-->
                            <!--<label class="col-sm-1 control-label"><button class="ifc-btn btn-success" type="button" ng-click="uploadQualify('',5)" >提交第三方</button></label>-->
                        <!--</div>-->
                    </div>
				</form>
            </div>

            <!-- 数据表格 -->
            <div class="table-responsive">
                <table class="table table-striped b-t b-light text-center" >
                    <thead>
                    <tr>
                    	<th><input type="checkbox" ng-click="selectAll($event)"/>全选</th>
                        <th>序号</th>
                        <th>联系方式</th>
                        <th>资质名称</th>
                        <th>企业名称</th>
                        <th>图片展现</th>
                        <th>审核状态</th>
                        <th>广告主审核状态</th>
                        <th>平台来源</th>
                        <th>提交状态</th>
                        <th>资质详情</th>
                        <th>创建时间</th>

                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="item in pageInfo.records">
                    	<td class="v-middle" style="padding: 18px">
                            <input type="checkbox" name="selected" ng-checked="isSelected(item.id,item.userIds)" ng-click="updateSelection($event,item)"/></td>
                        <td class="v-middle">{{$index + 1}}</td>
                        <td class="v-middle" style="display: none">{{item.id}}</td>
                        <td class="v-middle" >{{item.mobile}}</td>
                        <td class="v-middle" >{{item.qualifyName | limitTo:14}}</td>
                        <td class="v-middle" >{{item.companyName | limitTo:14}}</td>

                        <td class="v-middle"><a ng-click="preview(item.qualifyLogo)" class="text-info">预览</a></td>
                        <!--<td class="v-middle" >{{item.qualifyLogo }}</td>-->
                        <!--<td class="v-middle"><a target="_blank" href="{{item.webSite}}" class="text-info" title="{{item.webSite}}">{{item.webSite | limitTo:50}}</a></td>-->
                        <td class="v-middle">
                            <span ng-if="item.status==1" class="text-danger">待审核</span>
                            <span ng-if="item.status==2" class="text-success">审核成功</span>
                            <span ng-if="item.status==3" style="color: blue">审核失败</span>
                            <span ng-if="item.status==4">删除</span>
                        </td>

                        <td class="v-middle">
                            <span ng-if="item.advertiserStatus==1" class="text-danger">待审核</span>
                            <span ng-if="item.advertiserStatus==2" class="text-success">已通过</span>
                            <span ng-if="item.advertiserStatus==3" style="color: blue">已拒绝</span>
                            <span ng-if="item.advertiserStatus==4">停用中</span>
                            <span ng-if="item.advertiserStatus==5">取消</span>
                            <span ng-if="item.advertiserStatus==6">已作废</span>
                        </td>
                        <td class="v-middle">
                            <span ng-if="item.utmSource==1" >蜂巢</span>
                            <span ng-if="item.utmSource==2" >智子云</span>
                            <span ng-if="item.utmSource==3" >流量主</span>
                        </td>
                        <td class="v-middle">
                            <span ng-if="item.qualifyStatus==1" class="text-danger">未提交</span>
                            <span ng-if="item.qualifyStatus==2" class="text-success">已提交</span>
                        </td>
                        <td class="v-middle">{{item.qualifyDetail | limitTo:14}}</td>
                        <td class="v-middle">{{item.createTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>

                    </tr>
                    </tbody>
                </table>
            </div><!-- /.table-responsive -->

            <div class="cover" ng-show="firstApply">
                <div class="firstApplyWrap noselect">
                    <div class="clear"><i class="iconfont closeBtn noselect" ng-click="firstApply=false">&#xe608;</i></div>
                    <div class="title">
	           			<span ng-repeat="item in qualifyLogo track by $index">
	           				<a target='_blank' href='{{item}}'><img alt='' height='80%' width='100%' src='{{item}}'></a>
	           			</span>
                    </div>
                </div>
            </div>

            <!--<div class="cover" ng-show="firstApply1">-->
                <!--<div class="firstApplyWrap">-->
                    <!--<div class="clear"><i class="iconfont closeBtn noselect" ng-click="firstApply1=false">&#xe608;</i></div>-->
                    <!--<div class="title" ><textarea  placeholder="请输入审核失败的原因......" class="form-control" rows="5" id="approveReason"></textarea>-->
                        <!--<div class="modal-footer">-->
                            <!--<button type="button" class="btn btn-default" ng-click="firstApply1=false" data-dismiss="modal">取消</button>-->
                            <!--<button type="button" class="btn btn-primary" ng-click="approve(record.adId,3)">确定</button>-->
                        <!--</div>-->
                    <!--</div>-->

                <!--</div>-->
            <!--</div>-->

            <!-- 底部分页 -->
			<span data-ng-include=" 'src/tpl/pageInfo.html' "></span>
        </div><!-- /.panel -->
    </div><!-- /.wrapper-data -->

</div><!-- /.wrapper-md -->

<form id="saveUserAdverts">
    <div class="modal fade bs-example-modal-lg" tabindex="-1" data-backdrop="static" id="refuseUserAdverts" role="dialog" aria-labelledby="gridSystemModalLabelAdverts">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabelAdverts">资质审核</h4>
                </div>
                <div class="modal-body">
                    <p></p>
                    <div class="row">
                        <label class="col-sm-2 control-label text-right">拒绝原因:</label>
                        <div class="col-sm-4">
                            <textarea  placeholder="请输入审核失败的原因......" class="form-control" rows="5" id="approveReason"></textarea>
                        </div>
                    </div>
                    <p></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" ng-click="saveUserAdverts()">确定</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
</form>

<style>
    .cover {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 2000;
        top: 0;
        left: 0;
        /* display: none; */
    }

    .firstApplyWrap{
        width: 800px;
        height:500px;
        background: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        border-radius: 5px;
        overflow: hidden;
    }
    .firstApplyWrap .title{
        font-size: 18px;
        color:#333;
        padding:18px 86px 0 130px;
        text-align: center;
        line-height: 2em;
    }
    .firstApplyWrap .closeBtn,.finishData .closeBtn{
        font-size: 30px;
        padding:5px 20px 0 0;
        border-radius: 50%;
        color: #ccc;
        float: right;
        cursor: pointer;
    }
    .finishData .closeBtn{
        position: absolute;
        top:10px;
        right:10px;
    }
    .firstApplyWrap .bkgIcon{
        position: absolute;
        left: 54px;
        top:87px;
        font-size: 50px;
        color:#FFB136;
    }
    .firstApplyWrap .applyBtnWrap{
        position: absolute;
        bottom: -2px;
        width: 100%;
    }
    .firstApplyWrap .applyBtn{
        width: 50%;
        height:70px;
        line-height: 70px;
        background: #FFB135;
        font-size: 20px;
        text-align: center;
        color:#fff;
        cursor: pointer;
        float:left;
    }
    .firstApplyWrap .applyBtn:last-child{
        background: #5796FC;
    }
</style>